var $ = jQuery.noConflict();

$(document).ready(function () {
    $('#sidebar .scroller').perfectScrollbar({
        wheelPropagation: true
    });

    $('.btn-close-dialog').on('click', function () {
        $(this).parents('.popup').fadeOut();
    });
    
    /* hover sidebar */
    $('#sidebar .menu').prepend('<li class="li-hover"></li>');
    var ontop = $('#sidebar .menu li.active').position().top;
    $('li.li-hover').css('top', ontop);

    $('#sidebar .menu li').on('mouseover', function () {
        var top = $(this).position().top;
        $('li.li-hover').stop().animate({top: top}, 600, 'easeOutBack');

        var frame = $(this).find('a').width();
        var string = $(this).find('span').outerWidth();

        //console.log('span width: ' + string);

        if (string > frame) {
            $(this).find('span').addClass('marquee');
        }
    });
    $('#sidebar .menu li').on('mouseout', function () {
        $('li.li-hover').stop().animate({top: ontop}, 600, 'easeOutBack');

        if ($(this).find('span').hasClass('marquee')) {
            $(this).find('span').removeClass('marquee');
        }
    });

    /* qrcode box */
    $(document).on('click', '.qrcode', function () {
        if (!$(this).hasClass('show')) {
            $(this).addClass('show');
            if ($(this).hasClass('ios')) {
                $('.dialog-qr .qr-ios').fadeIn();
            } else if ($(this).hasClass('android')) {
                $('.dialog-qr .qr-android').fadeIn();
            } else if ($(this).hasClass('wp')) {
                $('.dialog-qr .qr-wp').fadeIn();
            }
            $('.dialog-qr').fadeIn();
        } else {
            $(this).removeClass('show');
            $('.dialog-qr img').fadeOut();
            $('.dialog-qr').fadeOut();
        }
        return false;
    });
    $(document).on('click', '.dialog-qr-outside', function () {
        $('.dialog-qr img').fadeOut();
        $('.dialog-qr').fadeOut();
        $('.qrcode').removeClass('show');
    });

});

function marginauto()
{
    var margin = $('.popup-dialog').height() / 2;
    $('.popup .popup-dialog').css('margin-top', -margin);
}